import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

// Vuetify
import 'vuetify/styles/main.css'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
const vuetify = createVuetify({
  components,
  directives
})

// vue-router
import router from './router'

// pinia
import { createPinia } from 'pinia'
const pinia = createPinia()

// font
import './assets/font/font.css'

// Font Awesome
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { faScrewdriverWrench, faHammer } from '@fortawesome/free-solid-svg-icons'
library.add(faScrewdriverWrench, faHammer)

createApp(App)
.use(vuetify)
.use(router)
.use(pinia)
.component('font-awesome-icon', FontAwesomeIcon)
.mount('#app')
